<%--
  Created by IntelliJ IDEA.
  User: ChenYu
  Date: 2017-06-13
  Time: 18:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/static/common/taglib.jsp" %>
<html>
<head>
    <%@include file="../public/web/commonJs.jsp" %>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/web/css/index.css">
</head>
<body>
<p class="logo align_center w1000"><img src="${ctx}/static/web/images/aa.svg" width="435" height="107" alt=""/></p>
<div class="container w1000">
    <div id="slideBox" class="slideBox">
        <div class="bd">
            <ul>
                <li><a href="${ctx}/shoes"><img class="animate" src="${ctx}/static/web/images/02.jpg" width="1000" height="380" alt=""/></a></li>
                <li><a href="${ctx}/shoes"><img class="animate" src="${ctx}/static/web/images/04.jpg" width="1000" height="380" alt=""/></a></li>
                <li><a href="${ctx}/shoes"><img class="animate" src="${ctx}/static/web/images/02.jpg" width="1000" height="380" alt=""/></a></li>
                <li><a href="${ctx}/shoes"><img class="animate" src="${ctx}/static/web/images/04.jpg" width="1000" height="380" alt=""/></a></li>
            </ul>
        </div>
    </div>
</div>
<div class="nav align_center w1000" id="js-nav" style="padding-bottom:0px;border-bottom: none">
    <a href="${ctx}/shoes">精品鞋款</a>
    <a href="${ctx}/best">高级定制</a>
    <a href="${ctx}/story">品牌故事</a>
    <a href="${ctx}/care">护理保养</a>
    <a href="${ctx}/contact">联系我们</a>
    <%--        <a href="javascript:;">精彩活动</a>
            <a href="javascript:;">MEDIA</a>--%>
</div>
<%@include file="../public/web/footer.jsp" %>
<script id="jsID" type="text/javascript">
    jQuery(".slideBox").slide({
        mainCell: ".bd ul",
        titCell: ".hd ul",
        effect: "fold",
        autoPlay: true,
        pnLoop: true,
        autoPage: true,
        trigger: "mouseover"
    });

    $("#js-nav a").on("mouseover", function () {
        var index = $(this).index();
        $("#slideBox .hd li").eq(index).mouseover();
    }).on("mouseleave", function () {
        var index = $(this).index();
        $("#slideBox .hd li").eq(index).mouseleave();
    });
</script>
</body>
</html>
